<%- include header%>

<div class="pub_tra" style="">
	<div class="container">
		<h3 style="color: #16A085; margin-left: 30%;"><%= title%></h3>
		<hr />
		
		<div class="col-lg-9 col-sm-10 col-md-10 col-sm-10" style="height: auto;" id="show">
			<% posts.forEach(function(post,index){%>
				<div  class="col-lg-10 col-sm-10 col-md-10 col-sm-10" 
					style="padding: 20px 0px; border-bottom: 1px dashed #CECECE; height:auto;">
				
				<div  class="col-lg-5 col-sm-5 col-md-5 col-sm-5" style="padding: 0;">
					<div style="background: url(/images/<%= post.area%>.jpg) center; height: 180px;"></div>
				</div>
				
				<div  class="col-lg-7 col-sm-7 col-md-7 col-sm-7" style="padding-right: 0;">
					<h4 style="margin-top:-4px;font-size: 20px; font-weight:600;">
					<img src="/images/medal.png" style="margin-top:-4px;"/>
					<a class="text-success"
						href="/u/<%= post.name%>/<%= post.time.day%>/<%= post.title%>/<%= post.area%>"
						 target="_blank">
					<%= post.title%>
				</a></h4>
				<p class="info">
					
					作者：<a class="text-success" href="/u/<%= post.name%>"><%= post.name%></a>
					<%= post.time.minute%>
					
					
				</p>
				<h5 style="height:79px;overflow: hidden;text-overflow:ellipsis;"><%- post.post%></h5>
				<p style=" word-spacing: 3px;">
					<img src="images/eye.png" style="height: 12px;width: 20px;margin-top: -3px;" />
					<%if(post.pv){%>
					<%= post.pv%>
					<%}else{%>
					0
					<%}%>
					&nbsp;
					<img src="/images/comments.png" />
					<%if(post.comments){%>
					<%= post.comments.length%>
					<%}else{%>
					0
					<%}%>
				</p>
				</div>
				</div>
				
			
				<%})%>
				
		</div>
		<div class="col-lg-3 col-sm-2 col-md-2 col-sm-2"id="area_left" style="left:0%; height: 700px;">
			<h4>热门城市</h4>
			
			<h5>1<a href="#">成都</a></h5>
			<h5>2<a href="#">大理</a></h5>
			<h5>3<a href="#">青岛</a></h5>
			<h5>4<a href="#">西安</a></h5>
		</div>
	</div>
</div>

<%- include footer%>
<style>
	
	.pub_tra ul{
		
	}
	.pub_tra li label{
		overflow:hidden; 
		width: 150px;
		 text-overflow: ellipsis;
		 white-space: nowrap;
		 color: #16A085;
	}
	#area_left>h4{
	width: 250px;
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
	
}
#area_left>h5{
	color: #16A085;
	letter-spacing: 10px;
	font-size: 15px;
	text-indent: 5px;
	border-bottom: 1px solid #EEEEEE;
	padding: 20px;
	margin: 0px;
	width: 250px;
	
}
#area_left a{
	color: #000000
}
#area_left a:hover{
	color: #16A085;
	text-decoration: none;
}
</style>
<link rel="stylesheet" href="/stylesheets/pub_tra.css" />